
<div class="panel panel-default visitors">
	<div class="panel-heading white">
		<h3>Cards</h3>
	</div>
	<div class="panel-body padding-none">
		<div class="col-md-12 user-wrap">

		<!-- Nav tabs -->
		<ul class="middle-tabs nav nav-tabs ">
			<li class="active"><a href="#a" data-toggle="tab">Received<span class="badge tab-badge cards">14</span></a></li>
			<li class=""><a href="#b" data-toggle="tab">Sent</a></li>
		 </ul>

			<!-- Tab panes -->
			<div class="tab-content padding-15">
				<div class="tab-pane active" id="a">

				<div class="row card-blue padding-15">
					<div class="media user-wrap media-visible-dropdown line-break">
						<a href="" class="middle-panel-image"><img src="http://placehold.it/60x60" class="img-responsive img-thumbnail"></a>
						<div class="media-body media-visible-dropdown">
						  <div class="col-md-4 username">
							 <a href="#">Username</a> Viewed your profile
							 <p class="date-time"><i class="fa fa-clock-o"></i>05/02/2014 14:25</p>
						  </div>
						  	<div class="col-md-2 col-sm-2 col-xs-4 view-card-btn">
								<button type="button" class="btn btn-default card-btn" data-toggle="modal" data-target="#myModal3"><span class="mobile-btn-hide">View</span> card</button>
							</div>
						  <span class="pull-right btn-card-wrap">
								<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i><span>Chat now !</span></button>
							 <div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> or <span class="caret"></span></button>
								<ul class="dropdown-menu pull-right" role="menu">
								  <li><a href="#">Action</a></li>
								  <li><a href="#">Another action</a></li>
								  <li><a href="#">Something else here</a></li>
								  <li class="divider"></li>
								  <li><a href="#">Separated link</a></li>
								</ul>
							 </div>
						  </span>
						</div>
					 </div>
					</div>

				<div class="row padding-15">
					<div class="media user-wrap media-visible-dropdown line-break">
						<a href="" class="middle-panel-image"><img src="http://placehold.it/60x60" class="img-responsive img-thumbnail"></a>
						<div class="media-body media-visible-dropdown">
						  <div class="col-md-4 username">
							 <a href="#">Username</a> Viewed your profile
							 <p class="date-time"><i class="fa fa-clock-o"></i>05/02/2014 14:25</p>
						  </div>
						  	<div class="col-md-2 col-sm-2 col-xs-4 view-card-btn">
							<button type="button" class="btn btn-default card-btn" data-toggle="modal" data-target="#myModal3"><span class="mobile-btn-hide">View</span> card</button>
							</div>
						  <span class="pull-right btn-card-wrap">
								<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i><span>Chat now !</span></button>
							 <div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> or <span class="caret"></span></button>
								<ul class="dropdown-menu pull-right" role="menu">
								  <li><a href="#">Action</a></li>
								  <li><a href="#">Another action</a></li>
								  <li><a href="#">Something else here</a></li>
								  <li class="divider"></li>
								  <li><a href="#">Separated link</a></li>
								</ul>
							 </div>
						  </span>
						</div>
					 </div>
					</div>

				<div class="row padding-15">
					<div class="media user-wrap media-visible-dropdown line-break">
						<a href="" class="middle-panel-image"><img src="http://placehold.it/60x60" class="img-responsive img-thumbnail"></a>
						<div class="media-body media-visible-dropdown">
						  <div class="col-md-4 username">
							 <a href="#">Username</a> Viewed your profile
							 <p class="date-time"><i class="fa fa-clock-o"></i>05/02/2014 14:25</p>
						  </div>
						  	<div class="col-md-2 col-sm-2 col-xs-4 view-card-btn">
									<button type="button" class="btn btn-default card-btn" data-toggle="modal" data-target="#myModal3"><span class="mobile-btn-hide">View</span> card</button>
							</div>
						  <span class="pull-right btn-card-wrap">
								<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i><span>Chat now !</span></button>
							 <div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> or <span class="caret"></span></button>
								<ul class="dropdown-menu pull-right" role="menu">
								  <li><a href="#">Action</a></li>
								  <li><a href="#">Another action</a></li>
								  <li><a href="#">Something else here</a></li>
								  <li class="divider"></li>
								  <li><a href="#">Separated link</a></li>
								</ul>
							 </div>
						  </span>
						</div>
					 </div><!--end of card-->
					</div>





				</div>

				<div class="tab-pane" id="b">
					sent Items
				</div>


			</div>
		</div>
	</div>
</div>
 <?php include 'includes/chat-now-popup.php'; ?>
